<template>
    <div class="email-wrap">
        <el-form label-width="100px">
            <el-divider content-position="left">邮件模式</el-divider>
             <div class="el-form-item__content100">
                    <el-form-item label="开启邮件功能">
                        <el-switch v-model="form.open"></el-switch>
                    </el-form-item>
              </div>
              <el-radio-group v-model="form.mode" size="mini">
                <el-radio-button label="stmp"></el-radio-button>
                <el-radio-button label="sendmail"></el-radio-button>
                <el-radio-button label="mailgun"></el-radio-button>
                <el-radio-button label="mandrill"></el-radio-button>
                <el-radio-button label="ses"></el-radio-button>
                <el-radio-button label="sparkpost"></el-radio-button>
                <el-radio-button label="postmark"></el-radio-button>
              </el-radio-group>
            <el-divider content-position="left">邮件配置</el-divider>
            <div class="el-form-item__content100">
                <el-form-item class="el-form-item flex-50" label="STMP服务器">
                    <el-input v-model="form.Abbr"></el-input>
                </el-form-item>
            </div>
            <div class="el-form-item__content100">
                <el-form-item class="el-form-item flex-50" label="邮件端口">
                    <el-input v-model="form.Abbr"></el-input>
                </el-form-item>
            </div>
            <div class="el-form-item__content100">
                <el-form-item class="el-form-item flex-50" label="用户名">
                    <el-input v-model="form.Abbr"></el-input>
                </el-form-item>
            </div>
            <div class="el-form-item__content100">
                <el-form-item class="el-form-item flex-50" label="密码">
                    <el-input v-model="form.Abbr"></el-input>
                </el-form-item>
            </div>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">保存</el-button>
              <el-button>取消</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: 'Email',
    data() {
        return {
          form:{
            open:true,
            mode:'stmp',
            Abbr:null
          }
        }
    },
}
</script>

<style lang="less" scoped>

</style>
